$(function () {
  let layer = layui.layer;
  let form = layui.form;
  initArtCateList();


  function initArtCateList() {
    $.ajax({
      method: 'GET',
      url: '/my/article/cates',
      success: function (res) {
        // console.log(res);
        let htmlStr = template('tpl-table', res);
        $('tbody').html(htmlStr);
      }
    })
  }

  let indexAdd;
  $('#btnAdd').on('click', function () {
    indexAdd = layer.open({
      type: 1,
      area: ['500px', '250px'],
      title: '添加类别',
      content: $('#dialog-add').html()
    })
  });

  $('body').on('submit', '#form-add', function (e) {
    e.preventDefault();
    $.ajax({
      method: 'POST',
      url: '/my/article/addcates',
      data: $(this).serialize(),
      success: function (res) {
        if (res.status !== 0) {
          return layer.msg('新增分类失败！');
        }
        layer.msg('新增分类成功！');
        layer.close(indexAdd);
        initArtCateList();
      }
    })

  });


  let indexEdit;
  $('tbody').on('click', '.btn-edit', function () {
    indexEdit = layer.open({
      type: 1,
      area: ['500px', '250px'],
      title: '修改文章分类',
      content: $('#dialog-edit').html(),
    })
    let id = $(this).attr('data-id');
    // alert(id);
    // 发起请求获取对应分类的数据
    $.ajax({
      method: 'GET',
      url: '/my/article/cates/' + id,
      success: function (res) {
        // alert(res)
        form.val('form-edit', res.data)
      }
    });

    $('body').on('submit', '#form-edit', function (e) {
      e.preventDefault();
      $.ajax({
        method: 'POST',
        url: '/my/article/updatecate',
        data: $(this).serialize(),
        success: function (res) {
          if (res.status !== 0) {
            return layer.msg('更新分类数据失败！');
          }
          layer.msg('更新分类数据成功！');
          layer.close(indexEdit);
          initArtCateList()
        }
      })
    })
  });

  // 绑定删除按钮
  $('tbody').on('click', '.btn-delete', function () {
    let id = $(this).attr('data-id');
    // 
    layer.confirm('确认删除?', { icon: 3, title: '提示' }, function (index) {
      $.ajax({
        method: 'GET',
        url: '/my/article/deletecate/' + id,
        success: function (res) {
          if (res.status !== 0) {
            return layer.msg('删除失败！');
          }
          layer.msg('删除成功！');
          layer.close(index);
          initArtCateList();
        }
      })
    })
  })
})
